<div class="container">
  <div class="row justify-content-center">
    <div class="col-xl-4 col-md-5">
      <div class="card">
        <div class="card-body p-4">
          <div class="text-center w-75 mx-auto auth-logo mb-4">
            <a href="index.html" class="logo-dark">
              <span
                ><img src="/assets/images/logo-dark.png" alt="" height="22"
              /></span>
            </a>

            <a href="index.html" class="logo-light">
              <span
                ><img src="/assets/images/logo-light.png" alt="" height="22"
              /></span>
            </a>
          </div>

          <div class="text-center w-50 mx-auto my-4">
            <img src="/assets/images/404-error.svg" title="invite.svg" />
          </div>

          <h3 class="text-center mb-4 mt-3">Page Not Found</h3>

          <p class="text-muted text-center mt-3">
            It's looking like you may have taken a wrong turn. Don't worry... it
            happens to the best of us. You might want to check your internet
            connection.
          </p>
          <div class="mt-4 text-center">
            <a href="/home" class="btn btn-primary w-100">Back to Home</a>
          </div>
        </div>
        <!-- end card-body -->
      </div>
      <!-- end card -->
    </div>
    <!-- end col -->
  </div>
  <!-- end row -->
</div>
